body { margin:0;	background-color: #ffffff;  height=100%;}

@media screen and (orientation: landscape) 	
{#header {height: 5.5em; color: #cc66cc;	padding: 0 2em 0 1em;	border-bottom: solid #000000; } }

@media screen and (orientation: portrait) 	
{#header {height: 9em; color: #cc66cc;	padding: 0 2em 0 1em ;	border-bottom: solid #000000; } }

#header a {font-size: 0.80em; }
#header a:link, 	#header a:visited 	{ color: #ffffff; }
#header a:focus, 	#header a:hover 	{ color: #eeeeee; }

#headeri { background-color: #E5F1FB;  color: #cc66cc;	padding: 0em 1em 0em 0em;	border: solid #000000; width:100%;}

@media screen and (orientation: landscape) 	
{h1 { margin: 0em; 	font-size: 4em;	text-align: left;	text-shadow: 2px 2px 2px #5700A9; } }

@media screen and (orientation: portrait) 	
{h1 { margin: 0em; 	font-size: 4em;	text-align: left;	text-shadow: 2px 2px 2px #5700A9; } }

@media screen and (orientation: landscape) 	
{h2 { margin: 0em; 	font-size: 2.2em;	text-align: left;	 } }

@media screen and (orientation: portrait) 	
{h2 { margin: 0em; 	font-size: 2.2em;	text-align: left;	 } }

@media screen and (orientation: landscape) 	
{.text-black {color: black; font-size: 1.4em;} }

@media screen and (orientation: portrait) 	
{.text-black {color: black; font-size: 1.6em;} }


#sidebar { float: right;}
@media screen and (orientation: landscape) 	
{#sidebar { min-width: 50%; font-weight: 500;} }
@media screen and (orientation: portrait) 	
{#sidebar { min-width: 60%; font-size:1.8em; font-weight: 500; position: bottom;}}


.centropuzo { background-color: #ffffff;	color: #006600; }
@media screen and (orientation: landscape) 	{.centropuzo { margin: 0 0 0 16em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }
@media screen and (orientation: portrait) 	{.centropuzo { margin: 0 0 0 0em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }



#center { background-color: #ffffff;	color: #006600; }
@media screen and (orientation: landscape) 	{#center { margin: 0 0 0 17em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }
@media screen and (orientation: portrait) 	{#center { margin: 0 0 0 14em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }

#center p { margin: 0.2em; font-size: 1.4em; text-align: justify; }
#center h2 { font-size: 2.2em; color: #5700A9;	background-color: #FFFFA0;  }
#center h3 { font-size: 1.9em; color: #cc66cc;	background-color: #FFFFA0;  }


#center-2 { background-color: #ffffff;	color: #006600; }
@media screen and (orientation: landscape) 	{#center-2 { margin: 0 0 0 17em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }
@media screen and (orientation: portrait) 	{#center-2 { margin: 0 0 0 1em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }

#center-2 p { margin: 0.2em; font-size: 2em; text-align: justify; }
#center-2 h2, #center-2 h3 { color: #cc66cc;	background-color: #ffffff;  }

#centero { background-color: #ffffff;	color: #000000; }
@media screen and (orientation: landscape) 	{#centero { margin: 0 1em 0 1em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }
@media screen and (orientation: portrait) 	{#centero { margin: 0 0.5em 0 0.5em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }



#centera { background-color: #ffffff;	color: #006600; }
@media screen and (orientation: landscape) 	{#centera { margin: 0 0 0 16em;	padding: 0.2em 0.2em 0.1em 0.5em;	} }
@media screen and (orientation: portrait) 	{#centera { margin: 0 0 0 0;	padding: 0.2em 0 0.1em 0;	} }
#centera p { margin: 0.2em; font-size: 2em; text-align: justify; }
#centera h2, #center h3 { color: #cc66cc;	background-color: #ffffff;  }


#footer { font-size: .70em;	text-align: center;	color: #006600;	background-color: #ffffff;	padding-top: 0.10em;	clear:both; }


#nav 		{ float: left;	margin: 1em 2em 1em 0em; border: solid 0.2em;}
@media screen and (orientation: landscape) 	{#nav 		{ width: 16em;}}
@media screen and (orientation: portrait) 	{#nav 		{ width: 15em; margin-right: -1em;}}


#nav ul 	{ margin: 0.1em 0em 0em -2.8em;	list-style-type: none; }

@media screen and (orientation: landscape){.navknop-1 { font-size: 2.2em; padding: 0.3em 0.1em 0.3em 0.1em; margin: 0.2em 0.1em 0.2em 0.2em; font-weight: 600;} }
@media screen and (orientation: portrait) {.navknop-1 { font-size: 2.2em; padding: 0.6em 0.1em 0.6em 0.1em; margin: 0.3em 0.1em 0.3em 0.1em; font-weight: 600;} }

@media screen and (orientation: landscape){.navknop-2 { font-size: 2.5em; padding: 0em 0.1em 0em 0.1em; margin: 0.2em 0.1em 0.2em 0.2em; font-weight: 600;} }
@media screen and (orientation: portrait) {.navknop-2 { font-size: 2.2em; padding: 0em 0.1em 0em 0.1em; margin: 0.3em 0.1em 0.3em 0.1em; font-weight: 600;} }

#nav a:link { color:#006600;}
#nav a:visited { color: #003300; }
#nav a:focus, #nav a:hover { color: #cc66cc; }
#nav a:active { color: #000000;}
#nav img { margin: 0.1em;}

#navi 		{ float: left; width: 13em; border: solid ; border-radius:0px 0 17px 0; box-shadow:5px 5px 6px -2px #828282; 
		 margin: 0.2em 1em 0em -0.1em; background:#C5EED0; }
#navi ul 	{ margin: 0.1em 0em 0em -2.8em;	list-style-type: none; }
#navi li 	{ display: inline; }
#navi li h1	{ display: inline; }
#navi a 	{ display: block; background: #7FCACA; text-decoration: none;   padding: 7px}
#navi a 	{ font-size: 2.2em; padding: 0.6em 0.1em 0.6em 0.1em; margin: 0.3em 0.1em 0.3em 0.1em; font-weight: 600;} 

#navi a:link { color:#006600;}
#navi a:visited { color: #003300; }
#navi a:focus, #nav a:hover { color: #cc66cc; }
#navi a:active { color: #000000;}

#naik 		{ margin: 0em 0em 0.2em 0.1em; }
#naik 		{ width: 100%;}
#naik ul 	{ margin: 0.5em -4em 0.5em -2em;	list-style-type: none; }
#naik li 	{ display: inline;}
#naik a 	{ background: #82FFAC; text-decoration: none;  }
#naik a 	{ font-size: 1.7em; padding: 0.2em 0.1em 0.2em 0.1em; margin-right:0.1em; font-weight: 600;} 

#naik a:link { color:#006600;}
#naik a:visited { color: #003300; }
#naik a:focus, #nav a:hover { color: #cc66cc; }
#naik a:active { color: #000000;}



#nalin ul 	{ list-style-type: none; margin-top:2em;  }
#nalin li 	{ display: inline; }
#nalin a 	{ background:#E7E7E7; text-decoration: none; margin: 0 0.4em 0.2em 0.2em;; padding:0.9em 0.3em 0.6em 0.3em; border: solid;
			border-bottom:solid 1px; border-radius:0.6em 0.6em 0 0; box-shadow:3px -5px 2px 2px #828282; font-size:1.5em;}

#naw { float: left;	width:98% }
#naw ul 	{ margin: 0.1em 0em 0em -2.6em;	list-style-type: none;}
#naw a { display: block; background: #F5C703; text-decoration: none; }

@media screen and (orientation: landscape) 	
{#naw a 		{ font-size: 2.5em; padding: 0.3em 0.1em 0.3em 0.1em; margin: 0.2em 0.1em 0.2em 0.2em; font-weight: 600;} }
@media screen and (orientation: portrait) 	
{#naw a 		{ font-size: 2.3em; padding: 0.6em 0.2em 0.6em 0.1em; margin: 0.3em 0.2em 0.3em 0.2em; font-weight: 600;} }

#naw a:link { color:#006600;}
#naw a:visited { color: #003300; }
#naw a:focus, #naw a:hover { color: #cc66cc; }
#naw a:active { color: #000000;}
#naw img { margin: 0;}


#aside1 { float: left;	border: solid; border-top:none; margin-left: -0.2em; margin-right: 0; }

@media screen and (orientation: landscape) {#aside1 {width: 100%}}
@media screen and (orientation: portrait)  {#aside1 {width: 13em}}

#aside1 ul 	{ margin: 0.1em 0em 0em -2.6em;	list-style-type: none;}
@media screen and (orientation: landscape) 
{#aside1 li 		{ display: block; background: #7FCACA; text-decoration: none;  }}
@media screen and (orientation: portrait) 
{#aside1 li 		{ display: inline; background: #7FCACA; text-decoration: none;  }}

#aside1 a {  text-decoration: none; }

@media screen and (orientation: landscape) 	
{#aside1 a 		{ font-size: 2.3em; padding: 0.2em 0.1em 0.2em 0.1em; margin: 0.2em 0.1em 0.2em 0.2em; font-weight: 600;} }
@media screen and (orientation: portrait) 	
{#aside1 a 		{ font-size: 2.1em; padding: 0.6em 0.1em 0.6em 0.1em; margin: 0.3em 0.1em 0.3em 0.1em; font-weight: 600;} }

#aside1 a:link { color:#006600;}
#aside1 a:visited { color: #003300; }
#aside1 a:focus, #naw a:hover { color: #cc66cc; }
#aside1 a:active { color: #000000;}
#aside1 img { margin: 0;}




#floatright {margin: 0.2em;	float: right; }

.news { font-size: 0.80em;	margin: 0.1em; }

#verh	{background: white; margin: -0.4em 0.3em 0em 0.1em; border-top: solid 0.2em;}

@media screen and (orientation: landscape) 	
{.disp-non-l {display: none;} }

@media screen and (orientation: portrait) 	
{.disp-non-p {display: none;}}

.abz-3		{text-indent:20px; text-align: left; }

.figura {border: solid 1px; text-align: center;}
@media screen and (orientation: landscape) 	
{.figura {width:16em; height: 18em; 	margin: 0.5em;}}
@media screen and (orientation: portrait) 	
{.figura {width:13em; height:17em;  	margin: 0.5em;}}

.figura2 {border: solid 1px; text-align: center;}
@media screen and (orientation: landscape) 	
{.figura2 {width:14em; height: 19em; 	margin: 0.5em;}}
@media screen and (orientation: portrait) 	
{.figura2 {width:13em; height:19em;  	margin: 0.5em;}}

.figura3 {border: solid 1px; text-align: center;}
@media screen and (orientation: landscape) 	
{.figura3 {width:14em; height: 17em; 	margin: 0.5em;}}
@media screen and (orientation: portrait) 	
{.figura3 {width:13em; height:17em;  	margin: 0.5em;}}

.figura4 {border: solid 1px; width:13em; height:17em; margin: 0.2em; text-align: center;}
.figura5 {border: 0;  width:7em; margin:0.1em;}
.figura6 {height:22em; position: absolute; top:18em;}
.figura8 	{border: 0;  height:330px;  position: absolute; top:18em;}

@media screen and (orientation: portrait) 	{
.figura18 	{ float: none; width:60%;  margin: 1px 1px 1px 40px;  }}
.figura19 	{ width:25%; float: right; margin: 0px 5px 5px 0px; border: none; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; }
.figura20 	{ width:55%; float: right; margin: 0px 5px 5px 0px; border: none; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; }
.figura21 	{ border: none; width:99%; border-radius:45%; box-shadow:15px 15px 16px -2px #6E6E6E; float: left; margin:10px 1px 5px 1px;}
.figura23 	{ border: solid 2px #97B9BE; max-width:99%; height:450px; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; margin:1px 10px 1px 1px; 
align: center;}
.figura-inst 	{ width:45px; border-radius:15%; margin-right:5px; }

.marg-top {margin-top:12em;}
.marg-top2 {margin-top:12em;}

.font1 	{font-size: 2em; font-weight: 600;}
.font2 	{font-size: 1.7em; font-weight: 600;}
.font25px600 {font-size: 2.5em; font-weight: 600;}
.font7 		{font-size: 1.1em; 					}
.font8 		{font-size: 1.8em; 					}
.font9 		{font-size: 1.1em; 					}
.font10 		{font-size: 2.3vw; 					}
.font11 		{font-size: 2.8vw; 					}
.font12 		{font-size: 1.7em; 					}
.font16px600 {font-size: 16px; font-weight: 600;}
.font-ogl-1 	{font-size: 2em; font-weight: 600; }
.font-ogl-2 	{font-size: 1.8em; font-weight: 600; }
.font-ogl-3 	{font-size: 1.6em; font-weight: 600; }
.font-ogl-4 	{font-size: 19px; font-weight: 550; }
.font-obyav-1 	{font-size: 2.6em; font-weight: 600; color: #000000;}
.font-gl-2 	{font-size: 2.2em; font-weight: 600; color: #503DA6;}
.font-gl-3 	{font-size: 1.9em; font-weight: 500; color: #000000; background: rgba(250,250,250,0.5)}
.font-gl-5 	{background: rgba(240,240,240, 0.5); color: #000000;	font-size: 2.2em; font-family: sans-serif; font-weight: 600; box-shadow:15px 15px 16px -2px #6E6E6E;}

.meg-strok {line-height: 60px;}

.backg8 {background-image: url('Foto/Sad/Sad 13 index+2.png'); background-position: top right;	background-repeat: no-repeat;  background-size: 40%;}

.width-obyav-1 {width: 75%;}

table tr td {font-size: 1.5em; 					}


@media screen and (orientation: portrait)	{	.height370 {height: 22em}}

.ssilka {width:5em;   float: right;}
.ssilka2 {width:5em; float: right;}

.glav-gal {float:right;  text-align: center; border: solid 2px #97B9BE; border-radius:14px; font-size: 19px;}
@media screen and (orientation: landscape) {.glav-gal {max-width: 90%; }}
@media screen and (orientation: portrait)  {.glav-gal {min-width: 99%; margin: 5px 1px 5px 5px; }}

.glav-gal-img { float:left; border-radius:14px;  border: solid 1px #97B9BE;}
.glav-gal-fig {width:97%; background:#78AEE171; float:left; border-radius:14px; margin: 10px 10px 10px 10px; border: solid 2px #91B9BE;}
.glav-new-1 {float: left; border: none; width: 20%; margin-right: 20px;}

.orn {height: 25px; background-image: url('Foto1/orn.png'); background-repeat: repeat;  background-size: 12%; margin-bottom:3px;}

.width-obyav-1 {width: 80%; min-width:500px;}


.h4 {font-size: 1.8em;}
.h5 {font-size: 1.7em;}
.h6 {font-size: 1.6em;}
.limiter {font-size: 1.8em; }

.inst {font-size: 1.6em; }



#gall {  border: solid 2px;
width: 7.5em;
height:27em;
position: relative; 
padding-top: 0em;
padding-bottom:0em;
margin: 0 0.5em 1em 0;  
-moz-user-select: none; 
user-select: none; }

#gall img { 
position: absolute; 
top: 0; 
left: 0;
  -webkit-transform: 	translate(0.1em, -2em);
  transform: 			translate(0.1em, -2em);
  cursor: zoom-in;
  transition: .5s;
}
#gall img:nth-child(n+1) {top: 2em;}
#gall img:nth-child(n+2) {top: 10em;}
#gall img:nth-child(n+3) {top: 18em;}
#gall img:nth-child(n+4) {top: 26em;}


#gall img:focus {
  position: absolute;
  top: 1.6em;
  left: 7.9em;
  z-index: 1;
 min-width: 27em;
 
  outline: none;
  pointer-events: none;
}

#back-top {
 position: fixed;
 bottom: 30px;
 right: 40px;
}
#back-top a {
 width: 90px;
 height: 70px;
 color: black;
 display: block;
 background-color: #ddd;
 text-align: center;
 font-size: 20px; font-weight: 600; font: Arial, Helvetica, sans-serif;
 text-decoration: none;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 transition: 0.5s;

 -webkit-border-radius: 50px;
 border-radius: 40px;
 border: solid 1px #828282;
 box-shadow:15px 15px 16px -2px #6E6E6E;
 
}
#back-top a:hover {
 background-color: #777;
}